<template>
  
    <el-scrollbar>
      <h3>通知</h3>
      <el-table :data="tableData" style="width: 100%" @row-click="open">
        <el-table-column prop="date" label="Date" width="200%" />
        <el-table-column prop="title" label="Title" width="800%" />
      </el-table>
    </el-scrollbar>
 
</template>

<script setup>
import { ElMessageBox } from "element-plus";
import { ref } from "vue";
const tableData = ref([
  {
    date: "2024-3-35",
    title: "test1",
    message: "Message1",
  },
  {
    date: "2024-3-35",
    title: "test2",
    message: "Message2",
  },
  {
    date: "2024-3-35",
    title: "test3",
    message: "Message3",
  },
]);
const open = (row) => {
  ElMessageBox.alert(row.message, row.title, {
    confirmButtonText: "OK",
  });
};
</script>

<style></style>
